import {useState} from 'react'
import { Card,Flex,Input,Divider } from 'antd';


export default function Room(){
    const boxStyle: React.CSSProperties = {
        width: '100%',
        height: 30,
        borderRadius: 6,
        // border: '1px solid #40a9ff',
    };
    const boxStyle1: React.CSSProperties = {
        width: '100%',
        height: 300,
        borderRadius: 6,
        // border: '1px solid #40a9ff',
    };
    let [list,setlist] = useState(
        {
            'hospitalName':'河北省测试中心医院',
            'hospitalBook':'入院证',
            'gonum':'1111',
            'goTime':'2000-11-11',
            'isBack':'复诊',
            'name':'小明',
            'sex':'男',
            'age':'20',
            'phone':'1344445555',
            'listnum':'12222',
            'category':'外科',
            'main':'',
            'now':'',
            'back':'',
            'deep':'',
            'one':'',
            'two':'',
            'sure':'',
            'food':'',
            'other':'',
            'text':'',
            'createTime':'2000-11-11',
            'doctor':'小李'
        }
    )


    return (
        <>
            <Card  style={{ width: 500 }}>
                <div style={{ fontSize:'28px' ,textAlign:'center'}}>{list.hospitalName}<br></br>{list.hospitalBook}</div>
                <Flex style={boxStyle} justify='space-between' align='center' >
                    <span>门诊号：{list.gonum}</span>
                    <span>就诊时间：{list.goTime}</span>
                    <span>是否复诊：{list.isBack}</span>
                </Flex>
                <Divider />
                <Flex wrap gap="middle">
                    <span>姓名：{list.name}</span>
                    <span>性别：{list.sex}</span>
                    <span>年龄：{list.age}</span>
                    <span>联系电话：{list.phone}</span>
                    <span>病历号：{list.listnum}</span>
                    <span>科室：{list.category}</span>
                </Flex>              
                <Divider />
                <Flex style={boxStyle1}  vertical >
                    <div>主诉：<Input placeholder="主诉" style={{width:'80%'}} variant="borderless" /></div>
                    <div>现病史：<Input placeholder="现病史"style={{width:'80%'}} variant="borderless"/></div>
                    <div>既往史：<Input placeholder="既往史" style={{width:'80%'}}variant="borderless"/></div>
                    <div>过敏史：<Input placeholder="过敏史"style={{width:'80%'}} variant="borderless"/></div>
                    <div>体格检查：<Input placeholder="体格检查" style={{width:'80%'}}variant="borderless"/></div>
                    <div>辅助检查：<Input placeholder="辅助检查"style={{width:'80%'}} variant="borderless"/></div>
                    <div>诊断：<Input placeholder="诊断"style={{width:'80%'}} variant="borderless"/></div>
                    <div>处方：<Input placeholder="处方"style={{width:'80%'}} variant="borderless"/></div>
                    <div>其他：<Input placeholder="其他"style={{width:'80%'}} variant="borderless"/></div>
                    <div>建议：<Input placeholder="建议"style={{width:'80%'}} variant="borderless"/></div>
                </Flex>
                <Divider />
                <Flex style={boxStyle} justify='space-between' align='center' >
                    <span >门诊日期：{list.createTime}</span>
                    <span >医师：{list.doctor}</span>
                </Flex>
            </Card>
        </>
    )
}

